/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      // 自定义断点，确保更好的多端适配
      screens: {
        'xs': '360px',     // 小型手机
        'sm': '640px',     // 标准手机
        'md': '768px',     // 平板
        'lg': '1024px',    // 笔记本
        'xl': '1280px',    // 桌面
        '2xl': '1536px',   // 大屏幕桌面
      },
      // 自定义工具类
      utilities: {
        'content-auto': {
          contentVisibility: 'auto',
        },
        'text-balance': {
          textWrap: 'balance',
        },
      },
    },
  },
  plugins: [],
}